<%@ Page Language="C#" MasterPageFile="~/Views\Home\test.master" Inherits="System.Web.Mvc.ViewPage" %>
 		<asp:Content ContentPlaceHolderID="test" runat="server">
 			<div class="tab_container">
   				 <div id="tab1" class="tab_content">
   				  	
   				  	<div class="sub_content">SEARCH BOOK</div> 
   				  	
   				  	<form id="search_book_form" action="" method="">
   				  		<div class="error" id="s_error">Cannot search book! Please fill up the necessary information</div>
   				  		<label>Search book:</label> <input class="mb_input" id="s_book" type="text"  />
   				  		<input type="button" id="s_button" value="Search"/>
   				  	</form> <br/>
   				  	
   				  		<table width="100%" cellspacing="0">
   				  		<thead>
   				  			<td>Book ID</td>
   				  			<td>Book Name</td>
   				  			<td>Author</td>
   				  			<td>Subject</td>
   				  			<td>Status</td>
   				  			<td>Stocks</td>
   				  		</thead>
   				  		<tr>
   				  			<td>2</td>
   				  			<td>The Hunger Games</td>
   				  			<td>Suzanne Collins</td>
   				  			<td>Adventure</td>
   				  			<td>Borrowed</td>
   				  			<td>1</td>
   				  		</tr>
   				  		<tr>
   				  			<td>23</td>
   				  			<td>The Hunger Games: Catching Fire</td>
   				  			<td>Suzanne Collins</td>
   				  			<td>Adventure</td>
   				  			<td>Reserved</td>
   				  			<td>1</td>
   				  		</tr>
   				  		<tr>
   				  			<td>2</td>
   				  			<td>The Hunger Games</td>
   				  			<td>Suzanne Collins</td>
   				  			<td>Adventure</td>
   				  			<td>Available</td>
   				  			<td>1</td>
   				  		</tr>
   				  		<tr>
   				  			<td>23</td>
   				  			<td>The Hunger Games: Catching Fire</td>
   				  			<td>Suzanne Collins</td>
   				  			<td>Adventure</td>
   				  			<td>Available</td>
   				  			<td>2</td>
   				  		</tr>
   				  	
   				  	</table>
   				  	
   				 </div>
   				 
   				 <!----------------------------------------- TAB 2 MANAGE BOOK ---------------------------->
   				 
   				 <div id="tab2" class="tab_content">
   				 	
   				 	<div class="sub_content">ADD BOOK</div>
   				 	<div class="error" id="ab_error">Cannot add book! Please fill up all the necessary information</div> 
   				 	<div class="success" id="ab_success">Book Added!</div>   				  	
   				  	<form id="manage_books_form" action="" method="POST" >
   				  		<label>Title:</label> <input class="mb_input" id="ab_title" type="text" name="b_title" /><br/>
   				  		<label>Author:</label> <input class="mb_input" id="ab_author" type="text" name="b_author" /><br/>
   				  		<label>Subject:</label> <input class="mb_input" id="ab_subject" type="text" name="b_subject" /><br/>
   				  		<input id="add_book" type="button" value="Add Book" />
   				  	</form>
   				  	
   				  	
   				  	<div class="sub_content">MODIFY/REMOVE BOOK</div> 
   				  	<div class="error" id="sb_error">Cannot search book! Please fill up the necessary information</div>
   				  	<form id="search_book_form" action="" method="">
   				  		<label>Search book:</label> <input class="mb_input" id="sb_book" type="text"  />
   				  		<input type="button" id="sb_button" value="Search"/>
   				  	</form> <br/>
   				  	
   				  	<form id="search_book_form" action="" method="">
   				  		<label>Filter book:</label> 
   				  		<select>
   				  			<option>TEST 1</option>
   				  			<option>TEST 2</option>
   				  			<option>TEST 3</option>
   				  		</select>
   				  		<input type="submit" value="Filter"/>
   				  	</form> 
   				  	<br/>
   				  	
   				  	<table width="100%" cellspacing="0">
   				  		<thead>
   				  			<td></td>
   				  			<td>Book ID</td>
   				  			<td>Book Name</td>
   				  			<td>Author</td>
   				  			<td>Subject</td>
   				  		</thead>
   				  		<tr>
   				  			<td><a href="#">edit</a>&nbsp;<a href="#">delete</a></td>
   				  			<td>2</td>
   				  			<td>The Hunger Games</td>
   				  			<td>Suzanne Collins</td>
   				  			<td>Adventure</td>
   				  		</tr>
   				  		<tr>
   				  			<td><a href="#">edit</a>&nbsp;<a href="#">delete</a></td>
   				  			<td>23</td>
   				  			<td>The Hunger Games: Catching Fire</td>
   				  			<td>Suzanne Collins</td>
   				  			<td>Adventure</td>
   				  		</tr>
   				  		<tr>
   				  			<td><a href="#">edit</a>&nbsp;<a href="#">delete</a></td>
   				  			<td>2</td>
   				  			<td>The Hunger Games</td>
   				  			<td>Suzanne Collins</td>
   				  			<td>Adventure</td>
   				  		</tr>
   				  		<tr>
   				  			<td><a href="#">edit</a>&nbsp;<a href="#">delete</a></td>
   				  			<td>23</td>
   				  			<td>The Hunger Games: Catching Fire</td>
   				  			<td>Suzanne Collins></td>
   				  			<td>Adventure></td>
   				  		</tr>
   				  	
   				  	</table>
   				 	
   				 </div>
   				 
   				 <!---------------------------------- TAB 3 VIEW HISTORY -------------------------------------->
   				 
   				 <div id="tab3" class="tab_content">
   				 	<div class="sub_content">VIEW USER'S ACCOUNT</div>   
   				 	
   				 	<div class="error" id="su_error">Cannot search user! Please fill up the necessary information</div>
   				 		<form id="search_book_form" action="" method="">
   				  		<label>Search User:</label> <input class="mb_input" id="su_user" type="text"  />
   				  		<input type="button" id="su_button" value="Search"/>
   				  	</form> <br/>
   				  	
   				  	<table width="100%" cellspacing="0">
   				  		<thead>
   				  			<td>User ID</td>
   				  			<td>Username</td>
   				  			<td>First Name</td>
   				  			<td>Last Name</td>
   				  			<td>Email</td>
   				  		</thead>
   				  		<tr>
   				  			<td>342</td>
   				  			<td>Username</td>
   				  			<td>Jan</td>
   				  			<td>Basoc</td>
   				  			<td>jan.basoc.ext@nsn.com</td>
   				  		</tr>
   				  	
   				  	</table>
   				 	
   				 </div>
   				 
   				 <!-- ---------------- TAB 4 MANAGE USER (FOR ADMIN ONLY) ------------------------ -->
   				 
   				 <div id="tab4" class="tab_content">
   				 	
   				 	<div class="sub_content">ADD USER</div>
   				 	<div class="error" id="au_error">Cannot add user! Please fill up the necessary information</div>
   				 	<div class="error" id="au_error_pass">Cannot add user! Passwords did not match</div>	
   				 	<div class="success" id="au_success">User Added!</div>			  	
   				  	<form id="manage_books_form" action="" method="POST" >
   				  		<label>Username:</label> <input class="mb_input" type="text" id="au_username" name="u_username" /><br/>
   				  		<label>Password:</label> <input class="mb_input" type="password" id="au_pass" name="u_pass" /><br/>
   				  		<label>Confirm Password:</label> <input class="mb_input" type="password" id="au_confirm" name="u_confirm" /><br/>
   				  		<label>First Name:</label> <input class="mb_input" type="text" id="au_fname" name="u_fname" /><br/>
   				  		<label>Last Name:</label> <input class="mb_input" type="text" id="au_lname" name="u_lname" /><br/>
   				  		<label>Email:</label> <input class="mb_input" type="text" id="au_email" name="u_email" /><br/>
   				  		<label>Level:</label> <input class="mb_input" type="text" id="au_level" name="u_level" /><br/>
   				  		<input type="button" id="au_button" value="Add Book" />
   				  	</form>
   				  	
   				  	
   				  	<div class="sub_content">MODIFY/REMOVE USER INFORMATION</div> 
   				  	
   				  	<form id="search_book_form" action="" method="">
   				  		<label>Search User:</label> <input class="su_user" type="text"  />
   				  		<input type="button" value="Search"/>
   				  	</form> <br/>
   				  	
   				  	<form id="search_book_form" action="" method="">
   				  		<label>Filter User:</label> 
   				  		<select>
   				  			<option>TEST 1</option>
   				  			<option>TEST 2</option>
   				  			<option>TEST 3</option>
   				  		</select>
   				  		<input type="submit" value="Filter"/>
   				  	</form> 
   				  	<br/>
   				  	
   				  	<table width="100%" cellspacing="0">
   				  		<thead>
   				  			<td>User ID</td>
   				  			<td>Username</td>
   				  			<td>First Name</td>
   				  			<td>Last Name</td>
   				  			<td>Email</td>
   				  		</thead>
   				  		<tr>
   				  			<td>342</td>
   				  			<td>Username</td>
   				  			<td>Jan</td>
   				  			<td>Basoc</td>
   				  			<td>jan.basoc.ext@nsn.com</td>
   				  		</tr>
   				  	
   				  	</table>
   				 	
   				 </div>
   				 
   				 <div id="tab5" class="tab_content">
   				 	<div class="sub_content">MY ACCOUNT</div>
   				 	
   				 	Username: <%= Html.Encode(Session["username"]) %><br/>
   				 	Name: <%= Html.Encode(Session["fname"])+ ' ' + Html.Encode(Session["lname"]) %><br/>
   				 	E-mail: <%= Html.Encode(Session["email"]) %><br/><br/>
   				 	
   				 	<a href="#">Change Password</a>
   				 </div>
   				 
   			</div>
 			
 		</asp:Content>
 		
 		<asp:Content ContentPlaceHolderID="menu" runat="server">
	 		<div id="menu_container">
	 			<p>Welcome  <%= Html.Encode(Session["fname"])+ ' ' + Html.Encode(Session["lname"]) %>!</p>
	 			<div style="border-bottom: #E2E1E1 1px solid; padding-top: 30px;">
	 				
	 				
	 				
	 				<br/>
	 			</div>
	 			<ul class="tabs">
	                <li class="active"><a class="links" href="#tab1">Search Books</a></li>
	                <li><a class="links" href="#tab2">Manage Books</a></li>
	                <li><a class="links" href="#tab3">View User's Account</a></li>
	               <% if(Html.Encode(Session["level"]) == "3"){ %>
	                	<li><a class="links" href="#tab4">Manage User</a></li>
	                <%} %>
	                <li><a class="links" href="#tab5">My Account</a></li>
	            </ul>
	            <div style="border-top: #FFF 1px solid;">&nbsp;</div>
	        </div>
 		</asp:Content>
 	
 	
